<?php
/**
 * Created by PhpStorm.
 * User: nhson219
 * Date: 8/21/14
 * Time: 5:04 PM
 */
?>
<div class="wrap-slider">
<div class="slider">
    <!--    <div class="container">-->
    <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 1150px; height: 590px; overflow: hidden; ">
        <!-- Slides Container -->
        <div class="title-slider">Mobile App Outsourcing Platform</div>
        <div class="intro-slider">Commecrcial and Open-Source code solutions,<br/>Manually curated and professionally supported.</div>
        <div u="slides" style="cursor: move; position: absolute; right: 0px; top: 0px; width: 412px; height: 590px; overflow: hidden;">
            <div class="img-slider">
                <img class="img-responsive" u="image" src="<?php echo base_url()?>app/css/images/Phone3.png" />
            </div>
            
            <!--  <div>
                 <img u="image" src="images/slider_1.png" />
             </div> -->
        </div>

            <div class="step-app">
                <div class="step-1">
                    <img src="<?php echo base_url()?>app/css/images/step-1.png" width="262px" class="img-responsive">
                    <div>Mô tả APP trong vòng 1 phút</div>
                </div>
                <div class="step-2">
                    <img src="<?php echo base_url()?>app/css/images/step-2.png" width="262px" class="img-responsive">
                    <div>So sánh và chọn người ưng ý nhất.</div>
                </div>
                <div class="step-3">
                    <img src="<?php echo base_url()?>app/css/images/step-3.png" width="262px" class="img-responsive">
                    <div>Trả tiền cho chất lượng công việc.</div>
                </div>
            </div>
            <div class="button-app">
                <button onclick="window.location = '<?php echo site_url('project/create')?>'" type="button" class="post-my-job btn btn-primary btn-lg">
                    <span><img src="<?php echo base_url()?>app/css/images/icon-post-my-job.png"></span><span>Post my job</span>
                </button>
                <button onclick="window.location = '<?php echo site_url('joblist/viewAlljoblistsUpdate')?>'" type="button" class="want-a-job btn btn-primary btn-lg">
                    <span><img src="<?php echo base_url()?>app/css/images/icon-want-a-job.png"></span><span>Want a job</span>
                </button>
            </div>

    </div>

<!--</div>-->
</div> <!-- slider -->
</div>
<script type="text/javascript" src="<?php echo base_url() ?>app/js/jssor.core.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>app/js/jssor.utils.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>app/js/jssor.slider.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>app/js/script_slider.js"></script>